درس دوم اچ تی ام ال

فونت زيبا سازفونت زيبا سازفونت زيبا سازفونت زيبا سازفونت زيبا سازفونت زيبا سازفونت زيبا ساز

لطفا از تمام مطالب دیدن فرمایید.

خب حالا که با تگ ها و یه سری نکات در HMTL اشنا شدیم بریم سراغ آشنایی با نوشتن یک فایل HTML با اصول خودش : خب الان یه نات پت توی ویندوزتون باز کنید و تمرینات رو اجرایی کنید توی اون فایل : خب برای شروع کار باید تگ ابتدائی زبان HTML را وارد نمایید که علامت شروع یک متن HTML است این تگ به شکل <html> نوشته میشود . خب حالا به خطر بعد بروید تا تگ بعدی را وارد نماییم . تگ بعد تگ <head> هست ، در داخل این تگ تمامی کدهای مخفی که در هدر قالب وجود دارد قرار میگیرد از جمله عنوان صفحه،متاتگ ها، استایل ها ،کدهای جاوا اسکریپت و .... خب برای اینکه تگ هدرمو خالی نمونه یه چیزی توش وارد میکنیم مثلا عنوان صفحه ، برای این کار تگ <title> را به کار میبریم ، این تگ به شما اجازه می دهد برای  صفحه خود یک عنوان برگزینید. این قسمت مورد استفاده موتورهای جستجو قرار می گیرد و  همان متنی است که به هنگام مشاهده صفحه در نوار عنوان مرورگر نشان داده می شود. تا  هنگامی که این تگ در قسمت head قرار نگیرد در متن شما نشان  داده نمی شود. برای پایان دادن به تگ عنوان از این تگ استفاده می شود: <title/> خب دیگر چیزی در هدر نداریم پس تگ هدر با <head/> میبندیم . به خط بعد میرویم از این اینجا به بعد کدهای بدنه قالب قرار میگیره پس باید تگ <body> را به کار ببریم این تگ بخشی را آغاز می کند که در  صفحه مرورگر شما به نمایش در می آید. این قسمت جایی است که ما باید کار اصلی خود را  در آن انجام دهیم. خب حالا یه چیزی باید به عنوان بدنه قرار بدیم پس یه متن ضحیم شده که قبلا" یاد گرفتیم صرفا برای آزمایش میازیرم که به شکل <strong>this is a strong text</strong> مینویسیم . تگ بنده قالبو میبندیم چون دیگه چیزی نمیخوایم توی بدنه وارد کنیم پس برای پایان دادن به این تگ از <body/> استفاده می کنیم. خب حالا تگ انتهایی HTML رو قرار میدیم که نشون بده دیگه صفحه تموم شدش پس  کد <html/> مینویسیم اگر تمام مراحلی که گفته شد را دونه به دونه انجام داده باشید نتیجه ای به شکل زیر مشاهده خواهید نمود :

کد HTML:
 <html>
<head>
<title>this is a title</title>
</head>
<body>
<strong>this is a strong text</strong>
</body>
</html>

و اما برای ذخیره فایلتون توی نات پد از منو File گزینه Save As ... رو بزنید و مسیر ذخبره فایل را مشخص و در جلوی کادر File Name بنویسید  test1.html و فایل را ذخیره کنید ، سپس به مسیر ذخیره رفته و فایل را در مرورگر دلخواهتان بارگزاری کنید ... تا اینجا فهمیدیم که :

  • تگهای HTML برای نشانه گذاری عناصر HTML استفاده می شوند
  •                                                  تگهای HTML توسط دو کاراکتر < و > محاط می شوند
  •                          این کاراکتر های محاط کننده قلاب نامیده می شوند
  • یک فایل HTML با تگ <html> شروع و با <html/> پایان میپذیرد
  • کدهای بالا صفحه که مخفی هستند در بین دو تگ <head> و <head/> اجرا می شوند.
  • کد های بدنه فایل HTML در بین دو تگ <body> و <body/> اجرا می گردند
  •                                                  تگهای HTML معمولا بصورت جفت می آیند به طور مثال: <b> , <b/>
  • تگ ضخیم کردن متن به این شکل است : <strong>lمتن مطلب</strong>
  • برخی تگها به شکل تکی می آیند مانند: <hr> , <br>
  • اولین                         تگ ، تگ ابتدائی و دومین تگ ، تگ انتهایی است
  •                          متن های بین تگهای ابتدایی و انتهایی محتوای عناصر هستند
  •                              تگهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است.

بقیه آموزش دیگه برای فردا ...


نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:






موضوعات مرتبط: درس دوم اچ تی ام ال ، ،
برچسب‌ها:

تاريخ : سه شنبه 5 شهريور 1392برچسب:, | 20:36 | نویسنده : کـــــوچـــــولـــــو |

لطفا از دیگر مطالب نیز دیدن فرمایید
.: Weblog Themes By SlideTheme :.

Flying Icon